{% extends "base/base.html" %}

{% block title %}报表生成 - 项目合作归属数据管理系统{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <h2><i class="bi bi-file-earmark-excel"></i> 一键生成项目清单</h2>
        <p class="text-muted">快速生成各类项目管理报表，支持Excel格式导出</p>
    </div>
</div>

<!-- 报表类型卡片 -->
<div class="row">
    <!-- 客户汇总报表 -->
    <div class="col-lg-6 col-md-12 mb-4">
        <div class="card h-100">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0"><i class="bi bi-people-fill"></i> 客户汇总报表</h5>
            </div>
            <div class="card-body">
                <p class="card-text">包含所有客户的基本信息、商谈统计和合作状态</p>
                <ul class="list-unstyled">
                    <li><i class="bi bi-check-circle text-success"></i> 客户基本信息</li>
                    <li><i class="bi bi-check-circle text-success"></i> 线上线下商谈统计</li>
                    <li><i class="bi bi-check-circle text-success"></i> 合作状态和时长</li>
                    <li><i class="bi bi-check-circle text-success"></i> 项目序号和备注</li>
                </ul>
            </div>
            <div class="card-footer">
                <a href="{{ url_for('reports.generate_report', report_type='customer_summary') }}" 
                   class="btn btn-primary">
                    <i class="bi bi-download"></i> 生成客户汇总报表
                </a>
            </div>
        </div>
    </div>

    <!-- 员工工作量报表 -->
    <div class="col-lg-6 col-md-12 mb-4">
        <div class="card h-100">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0"><i class="bi bi-person-badge-fill"></i> 员工工作量报表</h5>
            </div>
            <div class="card-body">
                <p class="card-text">统计所有员工的工作量和商谈情况</p>
                <ul class="list-unstyled">
                    <li><i class="bi bi-check-circle text-success"></i> 员工基本信息</li>
                    <li><i class="bi bi-check-circle text-success"></i> 商谈次数统计</li>
                    <li><i class="bi bi-check-circle text-success"></i> 工作时长分析</li>
                    <li><i class="bi bi-check-circle text-success"></i> 平均商谈时长</li>
                </ul>
            </div>
            <div class="card-footer">
                <a href="{{ url_for('reports.generate_report', report_type='staff_workload') }}" 
                   class="btn btn-success">
                    <i class="bi bi-download"></i> 生成员工工作量报表
                </a>
            </div>
        </div>
    </div>

    <!-- 商谈详情报表 -->
    <div class="col-lg-6 col-md-12 mb-4">
        <div class="card h-100">
            <div class="card-header bg-danger text-white">
                <h5 class="mb-0"><i class="bi bi-chat-dots-fill"></i> 商谈详情报表</h5>
            </div>
            <div class="card-body">
                <p class="card-text">详细记录所有商谈过程和内容</p>
                <ul class="list-unstyled">
                    <li><i class="bi bi-check-circle text-success"></i> 完整商谈记录</li>
                    <li><i class="bi bi-check-circle text-success"></i> 时间和时长详情</li>
                    <li><i class="bi bi-check-circle text-success"></i> 商谈内容和备注</li>
                    <li><i class="bi bi-check-circle text-success"></i> 参与人员信息</li>
                </ul>
            </div>
            <div class="card-footer">
                <a href="{{ url_for('reports.generate_report', report_type='negotiation_details') }}" 
                   class="btn btn-danger">
                    <i class="bi bi-download"></i> 生成商谈详情报表
                </a>
            </div>
        </div>
    </div>

    <!-- 考勤汇总报表 -->
    <div class="col-lg-6 col-md-12 mb-4">
        <div class="card h-100">
            <div class="card-header bg-info text-white">
                <h5 class="mb-0"><i class="bi bi-calendar-check-fill"></i> 考勤汇总报表</h5>
            </div>
            <div class="card-body">
                <p class="card-text">统计所有员工的考勤记录和驻公司情况</p>
                <ul class="list-unstyled">
                    <li><i class="bi bi-check-circle text-success"></i> 考勤记录详情</li>
                    <li><i class="bi bi-check-circle text-success"></i> 进出门时间</li>
                    <li><i class="bi bi-check-circle text-success"></i> 驻公司状态</li>
                    <li><i class="bi bi-check-circle text-success"></i> 员工职务信息</li>
                </ul>
            </div>
            <div class="card-footer">
                <a href="{{ url_for('reports.generate_report', report_type='attendance_summary') }}" 
                   class="btn btn-info">
                    <i class="bi bi-download"></i> 生成考勤汇总报表
                </a>
            </div>
        </div>
    </div>

    <!-- 项目概览报表 -->
    <div class="col-lg-12 col-md-12 mb-4">
        <div class="card h-100">
            <div class="card-header bg-warning text-white">
                <h5 class="mb-0"><i class="bi bi-diagram-3-fill"></i> 项目概览报表</h5>
            </div>
            <div class="card-body">
                <p class="card-text">按项目分组统计，提供完整的项目概览和进度分析</p>
                <div class="row">
                    <div class="col-md-6">
                        <ul class="list-unstyled">
                            <li><i class="bi bi-check-circle text-success"></i> 项目基本信息</li>
                            <li><i class="bi bi-check-circle text-success"></i> 客户数量统计</li>
                            <li><i class="bi bi-check-circle text-success"></i> 合作状态分析</li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <ul class="list-unstyled">
                            <li><i class="bi bi-check-circle text-success"></i> 商谈活动统计</li>
                            <li><i class="bi bi-check-circle text-success"></i> 参与员工统计</li>
                            <li><i class="bi bi-check-circle text-success"></i> 项目进度状态</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="card-footer">
                <a href="{{ url_for('reports.generate_report', report_type='project_overview') }}" 
                   class="btn btn-warning">
                    <i class="bi bi-download"></i> 生成项目概览报表
                </a>
            </div>
        </div>
    </div>
</div>

<!-- 需求中的5张特定报表 -->
<div class="row mt-4">
    <div class="col-12">
        <h3><i class="bi bi-file-earmark-spreadsheet"></i> 需求指定的5张特定报表</h3>
        <p class="text-muted">按照项目需求精确设计的专业报表格式</p>
    </div>
</div>

<div class="row">
    <!-- 表一：年度合作商谈统计表 -->
    <div class="col-lg-6 col-md-12 mb-3">
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h6 class="mb-0">表一：年度合作商谈统计表</h6>
            </div>
            <div class="card-body">
                <p class="card-text small">总经理+组长分层统计，包含进公司次数和商谈统计</p>
                <a href="{{ url_for('reports.generate_report', report_type='annual_negotiation_stats') }}" 
                   class="btn btn-primary btn-sm">
                    <i class="bi bi-download"></i> 生成
                </a>
            </div>
        </div>
    </div>

    <!-- 表二：组长合作商谈统计表 -->
    <div class="col-lg-6 col-md-12 mb-3">
        <div class="card">
            <div class="card-header bg-success text-white">
                <h6 class="mb-0">表二：组长合作商谈统计表</h6>
            </div>
            <div class="card-body">
                <p class="card-text small">项目负责人组长详细统计，包含客户合作天数</p>
                <a href="{{ url_for('reports.generate_report', report_type='group_leader_stats') }}" 
                   class="btn btn-success btn-sm">
                    <i class="bi bi-download"></i> 生成
                </a>
            </div>
        </div>
    </div>

    <!-- 表三：正副职合作商谈统计表 -->
    <div class="col-lg-6 col-md-12 mb-3">
        <div class="card">
            <div class="card-header bg-danger text-white">
                <h6 class="mb-0">表三：正副职合作商谈统计表</h6>
            </div>
            <div class="card-body">
                <p class="card-text small">项目负责人正副职统计，包含进公司次数统计</p>
                <a href="{{ url_for('reports.generate_report', report_type='deputy_position_stats') }}" 
                   class="btn btn-danger btn-sm">
                    <i class="bi bi-download"></i> 生成
                </a>
            </div>
        </div>
    </div>

    <!-- 表四：月度项目合作商谈统计表 -->
    <div class="col-lg-6 col-md-12 mb-3">
        <div class="card">
            <div class="card-header bg-info text-white">
                <h6 class="mb-0">表四：月度项目合作商谈统计表</h6>
            </div>
            <div class="card-body">
                <p class="card-text small">所属项目月度统计，包含平均商谈时长分析</p>
                <a href="{{ url_for('reports.generate_report', report_type='monthly_project_stats') }}" 
                   class="btn btn-info btn-sm">
                    <i class="bi bi-download"></i> 生成
                </a>
            </div>
        </div>
    </div>

    <!-- 表五：在公司客户合作商谈统计表 -->
    <div class="col-lg-12 col-md-12 mb-3">
        <div class="card">
            <div class="card-header bg-warning text-white">
                <h6 class="mb-0">表五：在公司客户合作商谈统计表</h6>
            </div>
            <div class="card-body">
                <p class="card-text small">仍在合作客户的在公司天数和商谈统计（不包含已结束合作客户）</p>
                <a href="{{ url_for('reports.generate_report', report_type='company_customer_stats') }}" 
                   class="btn btn-warning btn-sm">
                    <i class="bi bi-download"></i> 生成
                </a>
            </div>
        </div>
    </div>
</div>

<!-- 批量生成 -->
<div class="card mt-4">
    <div class="card-header">
        <h5 class="mb-0"><i class="bi bi-collection-fill"></i> 批量生成所有报表</h5>
    </div>
    <div class="card-body">
        <p class="text-muted">一次性生成所有类型的报表文件，适合定期汇报和存档使用</p>
        <button class="btn btn-outline-primary btn-lg" onclick="generateAllReports()">
            <i class="bi bi-download"></i> 一键生成所有报表
        </button>
    </div>
</div>

<!-- 使用说明 -->
<div class="alert alert-info mt-4">
    <h6><i class="bi bi-info-circle-fill"></i> 使用说明</h6>
    <ul class="mb-0">
        <li>所有报表均为Excel格式(.xlsx)，可直接使用Microsoft Excel或WPS表格打开</li>
        <li>报表文件名包含生成时间，方便版本管理和追溯</li>
        <li>数据统计基于当前数据库中的所有记录，确保数据完整性</li>
        <li>建议定期生成报表进行数据备份和分析</li>
    </ul>
</div>
{% endblock %}

{% block extra_js %}
<script>
function generateAllReports() {
    if (confirm('确定要生成所有报表吗？这可能需要一些时间。')) {
        // 显示加载提示
        const button = event.target;
        const originalText = button.innerHTML;
        button.innerHTML = '<i class="bi bi-hourglass-split"></i> 生成中...';
        button.disabled = true;
        
        // 依次生成所有报表
        const reportTypes = ['customer_summary', 'staff_workload', 'negotiation_details', 'attendance_summary', 'project_overview'];
        let currentIndex = 0;
        
        function generateNext() {
            if (currentIndex < reportTypes.length) {
                const reportType = reportTypes[currentIndex];
                const link = document.createElement('a');
                link.href = `{{ url_for('reports.generate_report', report_type='') }}${reportType}`;
                link.download = '';
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
                
                currentIndex++;
                setTimeout(generateNext, 1000); // 间隔1秒生成下一个
            } else {
                // 全部完成
                button.innerHTML = originalText;
                button.disabled = false;
                alert('所有报表生成完成！');
            }
        }
        
        generateNext();
    }
}
</script>
{% endblock %}